import React, { Component } from 'react';
import './RightList.scss'
import {category_subcate} from '../utils/api'
class RightList extends Component {
    constructor(props){
        super(props);
        this.state={
          // id:0,
          //   arr1:[ 
          //   {
          //     name:'面部护理',
          //     list:[
          //       {name:'套装',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/a2d8d6423a6c347fc7bdad8af017c402.png'},
          //       {name:'精华',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/ead029a018dc927375f41e69c879a2f3.jpg'},
          //       {name:'面霜',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/da4a9d5c7421de8906e112f787b602bc.jpg'},
          //       {name:'隔离防晒',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/7649cd8be919bfc650b4439bb8114f7d.jpg'},
          //       {name:'眼部护理',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/dc54e2fa3c0497d47b490993deec7c87.png'},
          //       {name:'面膜',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/65cef995f729626f059748c04fe1ec3b.jpg'},
          //       {name:'洁面',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/7e914e1a75079e5774048f07612ad6e3.jpg'},
          //       {name:'爽肤水',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/a039ab513fe8dad8644b6ba40a07ca11.jpg'},
          //       {name:'套装',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/a2d8d6423a6c347fc7bdad8af017c402.png'},
          //       {name:'精华',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/ead029a018dc927375f41e69c879a2f3.jpg'},
          //       {name:'面霜',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/da4a9d5c7421de8906e112f787b602bc.jpg'},
          //       {name:'隔离防晒',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/7649cd8be919bfc650b4439bb8114f7d.jpg'},
          //       {name:'眼部护理',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/dc54e2fa3c0497d47b490993deec7c87.png'},
          //       {name:'面膜',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/65cef995f729626f059748c04fe1ec3b.jpg'},
          //       {name:'洁面',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/7e914e1a75079e5774048f07612ad6e3.jpg'},
          //       {name:'爽肤水',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/a039ab513fe8dad8644b6ba40a07ca11.jpg'},
          //     ]
          //   },
          //   {
          //     name:'彩妆',
          //     list:[
          //       {name:'套装',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/45eb25f90cb01d1f98d2af33c463bd6a.jpg'},
          //       {name:'唇部彩妆',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/1793dffe5d6adb1643fe0f53fb63b03c.jpg'},
          //       {name:'粉底',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/db710c518f6d4d09b75014dbe0488e8f.jpg'},
          //       {name:'散粉',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/2385d84a464719dd3da9648d7e4c1bda.jpg'},
          //       {name:'粉饼',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/83ae7365f75ebc0e8ba8981b8eb3ceaa.jpg'},
          //       {name:'腮红',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/2da51f78836b463e7a443b82554bbf85.jpg'},
          //       {name:'套装',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/45eb25f90cb01d1f98d2af33c463bd6a.jpg'},
          //       {name:'唇部彩妆',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/1793dffe5d6adb1643fe0f53fb63b03c.jpg'},
          //       {name:'粉底',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/db710c518f6d4d09b75014dbe0488e8f.jpg'},
          //       {name:'散粉',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/2385d84a464719dd3da9648d7e4c1bda.jpg'},
          //       {name:'粉饼',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/83ae7365f75ebc0e8ba8981b8eb3ceaa.jpg'},
          //       {name:'腮红',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/2da51f78836b463e7a443b82554bbf85.jpg'},
          //     ]
          //   },
          //   {
          //     name:'香水',
          //     list:[
          //       {name:'香精Parfum',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/f64aa036df16c53241637349b51e5d21.jpg'},
          //       {name:'古龙水EDC',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/f3de1f66673895dfc03c1b9cfaad9fb7.jpg'},
          //       {name:'固体香有',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/92649595dd82a2432f50f7a617658fef.jpg'},
          //       {name:'扩香精',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/17ce5ac152aeeb0689b54596aaa9117a.jpg'},
          //       {name:'蜡烛',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/a031c0b4bf575440dc36a85a799338bf.jpg'},
          //       {name:'室内香氛',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/a7671ff19f35f43c4628d56f4ae7abb0.jpg'},
          //       {name:'香精Parfum',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/f64aa036df16c53241637349b51e5d21.jpg'},
          //       {name:'古龙水EDC',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/f3de1f66673895dfc03c1b9cfaad9fb7.jpg'},
          //       {name:'固体香有',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/92649595dd82a2432f50f7a617658fef.jpg'},
          //       {name:'扩香精',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/17ce5ac152aeeb0689b54596aaa9117a.jpg'},
          //       {name:'蜡烛',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/a031c0b4bf575440dc36a85a799338bf.jpg'},
          //       {name:'室内香氛',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/a7671ff19f35f43c4628d56f4ae7abb0.jpg'},
          //     ]
          //   },
          //   {
          //     name:'高奢腕表',
          //     list:[
          //       {name:'男士机械',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/88abaf87434e2f08c842aab9b507bed6.jpg'},
          //       {name:'男士石英',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/07619b4c1fc30b444a8924bb1aad694d.jpg'},
          //       {name:'女士石英',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/a980fffdc8f9335dec18a5f050edfd7c.jpg'},
          //       {name:'男士机械',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/4d22cc129349e7441ff04f9e0f0bbf21.jpg'},
          //       {name:'女士机械',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/1e04fee8fdce1eee6ac50040bea9d800.jpg'},
          //       {name:'男士石英',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/f8463a8515a37625313e2ec907e5e801.jpg'},
          //       {name:'男士机械',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/88abaf87434e2f08c842aab9b507bed6.jpg'},
          //       {name:'男士石英',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/07619b4c1fc30b444a8924bb1aad694d.jpg'},
          //       {name:'女士石英',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/a980fffdc8f9335dec18a5f050edfd7c.jpg'},
          //       {name:'男士机械',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/4d22cc129349e7441ff04f9e0f0bbf21.jpg'},
          //       {name:'女士机械',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/1e04fee8fdce1eee6ac50040bea9d800.jpg'},
          //       {name:'男士石英',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/f8463a8515a37625313e2ec907e5e801.jpg'},
          //     ]
          //   },
          //   {
          //     name:'箱包',
          //     list:[
          //       {name:'钱/匙/卡包',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/bd164ecd339d61fcdfc08c49817db88e.jpg'},
          //       {name:'化妆包',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/764e66fed1c53d24100f6695760ec893.jpg'},
          //       {name:'单肩包',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/1c19a3ee998fbd1a18f11f169b6c50dc.jpg'},
          //       {name:'钱/匙/卡包',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/af245439332d3b405497e38fcafae963.jpg'},
          //       {name:'单肩/斜挎包',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/8976040919b634eb32f0a4cbf052d886.jpg'},
          //       {name:'手提包',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/d71869d37f7d9984751a28241a059190.jpg'},
          //       {name:'钱/匙/卡包',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/bd164ecd339d61fcdfc08c49817db88e.jpg'},
          //       {name:'化妆包',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/764e66fed1c53d24100f6695760ec893.jpg'},
          //       {name:'单肩包',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/1c19a3ee998fbd1a18f11f169b6c50dc.jpg'},
          //       {name:'钱/匙/卡包',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/af245439332d3b405497e38fcafae963.jpg'},
          //       {name:'单肩/斜挎包',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/8976040919b634eb32f0a4cbf052d886.jpg'},
          //       {name:'手提包',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/d71869d37f7d9984751a28241a059190.jpg'},
          //     ]
          //   },
          //   {
          //     name:'电子设备',
          //     list:[
          //       {name:'笔记本',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/4f9afe86fde9808cc7f260f6a8d79c9e.jpg'},
          //       {name:'平板电脑',pic:'	https://pic.cdfgsanya.com/assets/upload/navicon/6859eae32626f70075b8b8e40a3bf9ef.jpg'},
          //       {name:'台式机',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/f31c090f23272d6cc8a1ce66e1e6584c.jpg'},
          //       {name:'智能手表',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/61641e35a983c075094beb25f1f58f47.jpg'},
          //       {name:'智能机器人',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/63c7886c5a5d9104f330fac8855c52bc.jpg'},
          //       {name:'智能眼镜',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/eba63bf2ecba9e861199761b65e45b26.jpg'},
          //       {name:'笔记本',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/4f9afe86fde9808cc7f260f6a8d79c9e.jpg'},
          //       {name:'平板电脑',pic:'	https://pic.cdfgsanya.com/assets/upload/navicon/6859eae32626f70075b8b8e40a3bf9ef.jpg'},
          //       {name:'台式机',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/f31c090f23272d6cc8a1ce66e1e6584c.jpg'},
          //       {name:'智能手表',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/61641e35a983c075094beb25f1f58f47.jpg'},
          //       {name:'智能机器人',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/63c7886c5a5d9104f330fac8855c52bc.jpg'},
          //       {name:'智能眼镜',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/eba63bf2ecba9e861199761b65e45b26.jpg'},
          //     ]
          //   },
          //   {
          //     name:'珠宝首饰',
          //     list:[
          //       {name:'项链',pic:'	https://pic.cdfgsanya.com/assets/upload/navicon/74ae5aba4ccfd0e9be1a00b92295ba82.jpg'},
          //       {name:'耳饰',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/c7ef6d052e3e4840908722e38dd576cf.jpg'},
          //       {name:'戒指',pic:'	https://pic.cdfgsanya.com/assets/upload/navicon/ae0120e28dca74bd2aa8fa2586139459.jpg'},
          //       {name:'手/脚链',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/7a16f209f3165e5f42fbbad05cc868b7.jpg'},
          //       {name:'手镯',pic:'	https://pic.cdfgsanya.com/assets/upload/navicon/49ec5945dbe1bf3d8db89c6a6f701c1c.jpg'},
          //       {name:'吊坠',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/7636ebc7ab579a0b7c03f1d942a991a1.jpg'},
          //       {name:'项链',pic:'	https://pic.cdfgsanya.com/assets/upload/navicon/74ae5aba4ccfd0e9be1a00b92295ba82.jpg'},
          //       {name:'耳饰',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/c7ef6d052e3e4840908722e38dd576cf.jpg'},
          //       {name:'戒指',pic:'	https://pic.cdfgsanya.com/assets/upload/navicon/ae0120e28dca74bd2aa8fa2586139459.jpg'},
          //       {name:'手/脚链',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/7a16f209f3165e5f42fbbad05cc868b7.jpg'},
          //       {name:'手镯',pic:'	https://pic.cdfgsanya.com/assets/upload/navicon/49ec5945dbe1bf3d8db89c6a6f701c1c.jpg'},
          //       {name:'吊坠',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/7636ebc7ab579a0b7c03f1d942a991a1.jpg'},
          //     ]
          //   },
          //   {
          //     name:'眼镜文具',
          //     list:[
          //       {name:'时尚眼镜',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/5d9c3a7331ff1a643d6b5653d38fd704.jpg'},
          //       {name:'运动眼镜',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/5e976a910b0ef5b014b8ed3ed964d9d0.jpg'},
          //       {name:'偏光镜',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/7f456aba769058eed811d205f437428a.jpg'},
          //       {name:'圆珠笔',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/5410e0d1e7f978f4abbd9ce7540231bf.jpg'},
          //       {name:'钢笔',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/4775305d06d280bc6dcc5fac80de4fba.jpg'},
          //       {name:'墨水',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/2b4616dd9aa32391267df82b776dad79.jpg'},
          //       {name:'时尚眼镜',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/5d9c3a7331ff1a643d6b5653d38fd704.jpg'},
          //       {name:'运动眼镜',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/5e976a910b0ef5b014b8ed3ed964d9d0.jpg'},
          //       {name:'偏光镜',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/7f456aba769058eed811d205f437428a.jpg'},
          //       {name:'圆珠笔',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/5410e0d1e7f978f4abbd9ce7540231bf.jpg'},
          //       {name:'钢笔',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/4775305d06d280bc6dcc5fac80de4fba.jpg'},
          //       {name:'墨水',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/2b4616dd9aa32391267df82b776dad79.jpg'},
          //     ]
          //   },
          //   {
          //     name:'服装鞋靴',
          //     list:[
          //       {name:'外套',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/deb046092ce098592c826d762875ddbd.jpg'},
          //       {name:'裙装',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/709ff01b85d84458afd1d0746e5b8137.jpg'},
          //       {name:'上衣',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/d2496e305a7a5ba4777d922432a56681.jpg'},
          //       {name:'外套',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/c826ae782f5cae0d59345be7644cf8c9.jpg'},
          //       {name:'裙装',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/4ec885809d52b65180a568b0efdd6d41.jpg'},
          //       {name:'上衣',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/04eed9ce7cfae0172e1d9505ef6a073f.jpg'},
          //       {name:'外套',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/deb046092ce098592c826d762875ddbd.jpg'},
          //       {name:'裙装',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/709ff01b85d84458afd1d0746e5b8137.jpg'},
          //       {name:'上衣',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/d2496e305a7a5ba4777d922432a56681.jpg'},
          //       {name:'外套',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/c826ae782f5cae0d59345be7644cf8c9.jpg'},
          //       {name:'裙装',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/4ec885809d52b65180a568b0efdd6d41.jpg'},
          //       {name:'上衣',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/04eed9ce7cfae0172e1d9505ef6a073f.jpg'},
          //     ]
          //   },
          //   {
          //     name:'生活',
          //     list:[
          //       {name:'美容仪器',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/44524e9f30841f35faf1615382e041cf.jpg'},
          //       {name:'口腔护肤',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/318fb5c61dc4f9e052f7d8db3f595918.jpg'},
          //       {name:'洁面器',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/d7421a561d234f896cb1d4ffe0983de9.jpg'},
          //       {name:'按摩仪',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/ae654c3af51bad68901edb0e4f4744df.jpg'},
          //       {name:'电饭煲',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/d669c0501262f03b3c40e2cfa460ca04.jpg'},
          //       {name:'咖啡机',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/6741c614d81b2f4914ae91aa55b72587.jpg'},
          //       {name:'美容仪器',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/44524e9f30841f35faf1615382e041cf.jpg'},
          //       {name:'口腔护肤',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/318fb5c61dc4f9e052f7d8db3f595918.jpg'},
          //       {name:'洁面器',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/d7421a561d234f896cb1d4ffe0983de9.jpg'},
          //       {name:'按摩仪',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/ae654c3af51bad68901edb0e4f4744df.jpg'},
          //       {name:'电饭煲',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/d669c0501262f03b3c40e2cfa460ca04.jpg'},
          //       {name:'咖啡机',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/6741c614d81b2f4914ae91aa55b72587.jpg'},
          //     ]
          //   },
          //   {
          //     name:'母婴',
          //     list:[
          //       {name:'奶粉',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/4a4a0497db6b2628263baff0d0430c26.jpg'},
          //       {name:'纸尿裤',pic:'	https://pic.cdfgsanya.com/assets/upload/navicon/ba3a8bb395a3fdab6db118ce5861940d.jpg'},
          //       {name:'玩具',pic:'	https://pic.cdfgsanya.com/assets/upload/navicon/1370c9dd2d4c7d940e802ca688c0c788.jpg'},
          //       {name:'护肤',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/8b2184bbcfed1b3fdb55dd06ce79f706.jpg'},
          //       {name:'清洁用品',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/0a8b5371e07c51aed437902425c6eae6.jpg'},
          //       {name:'奶粉',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/4a4a0497db6b2628263baff0d0430c26.jpg'},
          //       {name:'纸尿裤',pic:'	https://pic.cdfgsanya.com/assets/upload/navicon/ba3a8bb395a3fdab6db118ce5861940d.jpg'},
          //       {name:'玩具',pic:'	https://pic.cdfgsanya.com/assets/upload/navicon/1370c9dd2d4c7d940e802ca688c0c788.jpg'},
          //       {name:'护肤',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/8b2184bbcfed1b3fdb55dd06ce79f706.jpg'},
          //       {name:'清洁用品',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/0a8b5371e07c51aed437902425c6eae6.jpg'},
          //     ]
          //   },
          //   {
          //     name:'酒水',
          //     list:[
          //       {name:'斯佩塞',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/13e19cd0aaee63869d364868da3625ee.jpg'},
          //       {name:'威士忌',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/da844d9c63c3ca10117271dddf19317d.jpg'},
          //       {name:'葡萄酒',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/0a538a9443c854961ecfb17541de699e.jpg'},
          //       {name:'干邑',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/2f6764f4ca43be093694382bcc84152a.jpg'},
          //       {name:'梅酒',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/2cd8df9447c19d8e6ae249462513f87b.jpg'},
          //       {name:'伏特加',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/e2077d6eb7a1c99aae7ccc142a1c805e.jpg'},
          //       {name:'斯佩塞',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/13e19cd0aaee63869d364868da3625ee.jpg'},
          //       {name:'威士忌',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/da844d9c63c3ca10117271dddf19317d.jpg'},
          //       {name:'葡萄酒',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/0a538a9443c854961ecfb17541de699e.jpg'},
          //       {name:'干邑',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/2f6764f4ca43be093694382bcc84152a.jpg'},
          //       {name:'梅酒',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/2cd8df9447c19d8e6ae249462513f87b.jpg'},
          //       {name:'伏特加',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/e2077d6eb7a1c99aae7ccc142a1c805e.jpg'},
          //     ]
          //   },
          //   {
          //     name:'营养保健',
          //     list:[
          //       {name:'燕窝',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/168ba4a349a71a9725e40d50834c2e23.jpg'},
          //       {name:'蜂蜜',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/00973f6efd22c2c75d777f3d9ffee929.jpg'},
          //     ]
          //   },
          //   {
          //     name:'特卖商品',
          //     list:[
          //       {name:'特卖商品',pic:'https://pic.cdfgsanya.com/assets/upload/navicon/c679a154c4133aba3a607da0dc243850.jpg'},
          //     ]
          //   },
          // ],
          arr:[],
          num:0,
          arr1:[]
        }
    }
    componentWillReceiveProps(nextProps){
      console.log(nextProps.count.id);
      if(nextProps.count.id!==this.state.num){
        category_subcate({id:nextProps.count.id}).then((res)=>{
          this.setState({arr:res.data.subcate.subcategory})
          this.setState({arr1:res.data.subcate.billboards})
          console.log(res.data.subcate.billboards);
        })
        this.state.num=nextProps.count.id
      }
    }
    componentDidMount(){
      category_subcate({id:225510}).then((res)=>{
        this.setState({arr:res.data.subcate.subcategory})
        this.setState({arr1:res.data.subcate.billboards})
      })
    }
    render() {
        return (
            <div className='RightList'>
                {
                    this.state.arr.map((item,index)=>{
                        return(
                          <>
                          <div className='title' key={index +'only1'}>{item.name}</div>
                          <div className='card' key={index +'only2'}>{
                            this.state.arr[index].subNavs.map((item,index)=>{
                              return(
                                <div className='rightitem' key={index+'only3'}>
                                    <img src={item.pic} alt="" />
                                    <p className='name'>{item.name}</p>
                                </div>
                              )
                            })
                          }
                          
                            
                          </div>
                        </>  
                        )
                    })
                }
                    
            </div>
        );
    }
}

export default RightList;